<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ログイン画面 | ご近所シェアリングサービス</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="(C) MENOX (http://www.menox.co.jp/)">
<!--Require Stylesheet-->
<link rel="stylesheet" href="/tmserver/css/common.css">
<!--Require Javascript-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<%@ include file="/tmserver/parts/headcommon.jsp" %>
</head>
<body>
<div id="wrapper">
<!--**********▽メインここから**********-->
<div id="wrap-top">
<%@ include file="/tmserver/parts/header.jsp" %>
<div id="content">
<h2>ログイン画面</h2>
<div class="line"></div>
<!--**********▽カラム1ここから**********-->
<div id="column1-login">
<!--**********▼メインカラムここから**********-->
<div id="column1-login-inner">
    <section class="login">
      <p>既にIDをお持ちの方はこちら</p>
      <form method="post" action="/tmserver/gate/requestLogin">
      <table>
        <tr>
        <th>ＩＤ</th>
        <td><input type="text" ${f:text("userId")} class="${f:errorClass('userId','err')}" />
          <span class="err">${errors.userId}</span>
        </td>
        </tr>
        <tr>
        <th>パスワード</th>
        <td><input type="password" ${f:text("userPass")} class="${f:errorClass('userPass','err')}" />
          <span class="err">${errors.userPass}</span>
        </td>
        </tr>
        <tr>
        <td colspan="2" class="btnArea"><input type="submit" value="ログイン" class="btn" /></td>
        </tr>
      </table>
      </form>
    
    <div id="messageArea">
      <p>${f:h(loginMessage)}</p>
    </div>
    <p>IDをまだお持ちでない方はこちら</p>
    <table class="guest">
      <tr><td class="btnArea"><button class="btn" onclick="location.href='/tmserver/user/registerUser'">会員登録</button></td></tr>
    </table>
  </section>
<!--column1-login-inner--></div>
<!--**********▲メインカラムここまで**********-->
<!--column1-login--></div>
<!--**********△カラム1ここまで**********-->
<!--**********▽カラム2ここから**********-->
<div id="column2-login">
      <ul>
        <li><a href="#"><img src="../img/ad.jpg" width="398" height="273" alt="キャンペーン開催中"></a></li>
      </ul>
<!--column2-login--></div>
<!--content--></div>
<!--wrap-top--></div>
<!--**********△メインここまで**********-->
<%@ include file="/tmserver/parts/footer.jsp" %>
<!--wrapper--></div>
</body>
</html>
